<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, user-scalable=yes">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link rel="stylesheet" type="text/css" href="SX_normalize.css">
        <link rel="stylesheet" type="text/css" href="SX_style.css">
        <script src="SX_jquery.js"></script>
        <style>
            .main-container{ position:relative; width:100%; height:100%; background:green; }
        </style>
    </head>

    <body>
        <div id="title">
            <input id="article_title" maxlength="35" type="text" placeholder="请输入标题">
        </div>
        <div class="main-container">
            <div id="back-text" class="back-text">请输入正文</div>
            <div id="article_content" contenteditable="true"></div>
        </div>

        <script type="text/javascript" src="SX_article_editor.js"></script>
        <!--<script>-->
        <!--    function hideBackTxt(){-->
        <!--         var target=document.getElementById("back-text");-->
        <!--         target.style.display="none";-->
        <!--    }-->
        <!--</script>-->
    </body>
</html>
